*{
    margin: 0;
    padding: 0;
}
header {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0px 10px;
    background: rgba(9,45,86,1);
    color: #8cd6cd;
    font-size: 14px;
}
header .left{
    display: inline-block;
    margin-left: 10px;
}
header .left span{
    line-height: 30px;
    width: 60px;
    color: #93cdff;
    border: 1px solid #60aaff;
    cursor: pointer;
    font-size: 14px;    
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    border-radius: 5px;
}
.on{
    color: #fff;
    background: rgba(0, 110, 189, .5);
}
.zk-table th{
    width: 33.33%;
}
header .right{
    display: inline-block;
    float: right;
}
header .right select{
    background: transparent;
    width: 60px;
    height: 30px;
    color: #97D9D0;    
    border: 1px solid #97D9D0;    
}
header .right button,#ex{
    line-height: 30px;
    width: 60px;
    color: #93cdff;
    border: 1px solid #60aaff;
    cursor: pointer;
    font-size: 14px;    
    display: inline-block;
    background: rgba(2,111,189,0.2);
    text-align: center;
    margin: 0 10px;
    border-radius: 5px;
}
#ex{
    width: 100px;
    margin-right: 20px;
}
main{
    width: 100%;
    height: calc(100% - 60px);

    margin-top: 10px;
    background: rgba(9,29,69,0.5)
}
input{
    background: transparent;
    border-width: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
.pButton{
    height: 30px;
    margin-top: 8px;
}
:host/deep/ .ui-widget-header{
    border: none;
    background: none;
}
.fileUpload-edit{
    width:250px;
}
/* 表格头部鼠标移入时样式 */
:host/deep/ .ui-datatable th.ui-sortable-column:not(.ui-state-active):hover{
    border: 1px solid #111;;
    background: rgba(155,145,83,0.6);
}
/* 弹出层关闭按钮鼠标移入时样式 */
:host/deep/ .ui-dialog .ui-dialog-titlebar-icon:hover{
    border-color: rgba(155,145,83,0.6);
    background: rgba(155,145,83,0.6);
}
.farms{
    width: 100%;
}
.ui-grid-row{
    margin-bottom: 2px;
}
.ui-grid-row input{
    border: 1px solid rgb(169, 169, 169);
}
:host/deep/ .ui-state-default{
    border: 1px solid #111;;
    background: rgba(155,145,83,0.6);
    color: #fff;
}
:host/deep/ .ui-datatable th.ui-state-default {
    /* background: #9f9b63; */
    background: none;
}
/* 偶数行背景 */
:host/deep/ .ui-datatable tbody > tr.ui-widget-content.ui-datatable-odd{
    background: none;
}
:host/deep/ .ui-datatable .ui-datatable-data>tr>td {
        text-align: center;
    border: 1px solid #333;
    /* background: #555; */
    background: rgba(7,97,159, 0.6);
}
:host/deep/ .ui-datatable tfoot td.ui-state-default{
     border: 1px solid #333;  
    background: rgba(7,97,159, 0.6);
}
:host/deep/ .ui-datatable .ui-paginator-bottom {
    /* border-top-width: 0; */
    /* background: rgba(9,45,86,1); */
    background: rgba(7,97,159, 0.6);
    /* border: 1px solid #333; */
    border: none;
}
:host/deep/ .ui-datatable .ui-datatable-footer{
    /* background: rgba(9,45,86,1); */
    background: rgba(7,97,159, 0.6);
    border: 1px solid #333;
}
:host/deep/ .ui-paginator a.ui-state-disabled{
    border: #555;
    background: #0360a6;
}
:host/deep/ .ui-paginator .ui-paginator-page.ui-state-active {
    background: #fba059;
    color: #ffffff;
    border-color: #156090;
}
/* 弹出层样式 */
:host/deep/  .ui-dialog.ui-widget .ui-dialog-titlebar {
    padding: 0.5em 1.5em;
    /* background: #9f9b63; */
    background: rgba(155,145,83,0.6);
    color: #fff;
}
:host/deep/ .ui-dialog .ui-dialog-titlebar-icon{
    color: #fff;
}
:host/deep/  .ui-widget-content{
    /* background: rgba(9,45,86,1); */
    background: transparent;
    border: none;
    color: #fff;
}
:host/deep/  .ui-dialog .ui-dialog-content{
    /* background: rgba(9,45,86,1); */
    background: rgba(7,97,159, 0.6);
    color: #fff;
}
:host/deep/  .ui-dialog-footer{
    background: rgba(7,97,159, 0.6);
}
:host/deep/  .ui-grid{
    border: none;
}
:host/deep/  .ui-widget select{
    background: transparent;
    color: #fff;
}
option{
    background: rgba(9,45,86,1);
}
.ui-grid-row input{
    color: #fff;
}
i{
    font-style: normal;
}
